<template>
  <view class="customer-service-content">
    <view class="img">
      <image class="qrcode" show-menu-by-longpress mode="widthFix" :src="sysConfig.kf_wx_qrcode.value" />
    </view>
    <view class="iconfont icon-fingerprint"></view>
    <view>
      <view class="text">长按识别二维码</view>
      <view class="text">添加客服微信</view>
    </view>
  </view>
</template>

<script setup>
import { ref, defineProps, defineEmits, computed } from 'vue'
import { useStore } from 'vuex'
const store = useStore();
const sysConfig = computed(()=> {
  return store.state.app.config
})
</script>

<style lang="scss">
.customer-service-content{
  width: 520rpx;
  height: 714rpx;
  background:  #FFFFFF;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24rpx;
  position: relative;
  .iconfont{
    font-size: 72rpx;
    color: #666;
  }
  .text{
    font-weight: 400;
    font-size: 28rpx;
    color: #333333;
    line-height: 41rpx;
    text-align: center;
  }

}
.qrcode{
  width: 400rpx;
  height: 400rpx;
}
</style>
